<div class="search">
	<input class="input manti-clearer" placeholder="Поиск" id="search-input">
	<div class="input-clear" id="search-input">&times;</div>
</div>
<style>
	#table td {
		width: 1%;
	}
</style>
<table class="table" id="table">
<thead>
	<tr>
		<td> Номер заказа </td>
		<td> Имя клиента </td>
		<td> Телефон клиента </td>
		<td> Электронный адрес клиента </td>
		<td> Сумма заказа </td>
		<td> Статус заказа </td>
		<td> Дата и время поступления заказа </td>
		<td> Операции </td>
	</tr>
</thead>

<tbody id="items">
	
	<? $i = 0; ?>
	<? foreach ($orders as $order): ?>
	<tr id="tr-<?= ++$i ?>" >
		<td> <?= $order->id ?> </td>
		<td> <?= $order->name ?> </td>
		<td> <?= $order->phone ?> </td>
		<td> <?= $order->email; ?> </td>
		<td> <?= $order->full_price ?> </td>
		<td>
			<select class="input ajax-status" name="status" data-id="<?=$order->id?>">
				<option value="Новый" <?= $order->status == "Новый"?"selected":"" ?>>Новый</option>
				<option value="Доставлен" <?= $order->status == "Доставлен"?"selected":"" ?>>Доставлен</option>
				<option value="В обработке" <?= $order->status == "В обработке"?"selected":"" ?>>В обработке</option>
				<option value="Отмененный" <?= $order->status == "Отмененный"?"selected":"" ?>>Отмененный</option>
			</select>
		</td>
		<td><?=$order->date_order?></td>

		<td class="skip"> 
			<div class="btn-group">
				<a class="btn btn-green icon ajax-load" href="#" data-page="<?= CHtml::normalizeUrl(array('orders/view','id'=>$order->id))?>">i</a>
				<a class="btn btn-green icon" target="_blank" href="<?= CHtml::normalizeUrl(array('orders/print','id'=>$order->id))?>">C</a>
				<a class="btn btn-green icon confirm-delete" title="Удалить" href="<?= CHtml::normalizeUrl(array('orders/delete','id'=>$order->id))?>">g</a>
			</div>
		</td>
	</tr>
	<? endforeach ?>
</tbody>

</table>
<script type="text/javascript">
	$(function() {
		$('.ajax-status').change(function(){
			if (this.value!='Новый') {
				var value=this.value;
				var id=$(this).data('id');
				$.ajax({url: '<?= CHtml::normalizeUrl(array('orders/SendPopup')) ?>',
						type: 'POST',
						data: {
							status: value,
							id: id
						}
					}
				).done(function (data) {
						popup(data);
					});
			}
		});
		$('.search > .input#search-input').keyup(function() { $(this).change(); });
		$('.search > .input#search-input').change(function() {
			value = $(this).val();
			$('#items > tr').each(function() {
				tr = $(this);
				b = false;
				$('td:not(.skip)', tr).each(function() {
					if($(this).text().indexOf(value) >= 0)
						b = true;
				});
				if(!b) tr.hide(100);
				else tr.show(100);
			});
		});
	});
</script>
